
let mixins={
    mounted() {
       this.initpie('pieCon1')
       this.initpie('pieCon2')
       $('.page-wrapper').show()
    },
    data() {
        return {
            loading:false,
        }
    },
    methods: {
        initpie(id){
            var pie = document.getElementById(id); 
            var chartsModel = echarts.init(pie)
    
            var option = {
                title:{
                    text: '您本人的保障方案',
                    textStyle:{
                        fontSize:.23+'rem',
                        fontFamily:'PingFang-SC-Medium',
                        fontWeight:'bolder',
                        color:'#333333'
                    },
                    left:10
                },
                xAxis: {
                    type: 'category',
                    data: ['平安人寿', '天安意外', '天安重疾', '天安重疾'],
                    axisTick:{       //x轴刻度线
                        show:false
                    },
                },
                yAxis: {
                    type: 'value',
                    axisLine:{
                        show:false
                    },
                    axisTick:{       //y轴刻度线
                        show:false
                    },
                    axisLabel:{
                        show:false
                    },
                    splitLine:{
                        show:false
                    },
    
                },
                series: [{
                    data: [160, 60, 130, -50],
                    type: 'bar',
                    barWidth:20,
                    label: {
                        normal: {
                            show: true,
                            position: 'top'
                        }
                    },
                    itemStyle: {
                        normal: {
                            // 随机显示
                            //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}
                          
                            // 定制显示（按顺序）
                            color: function(params) { 
                                var colorList = ['#2EC7C9','#B6A2DE','#5AB1EF','#FFB980']; 
                                return colorList[params.dataIndex] 
                            }
                        },
                    }
                }]
            };
        
            chartsModel.setOption(option);
            window.onresize = function () {
                chartsModel.resize();
            } 
        }
    },
}